/*============================================

Navion CSS by SONHLAB.com - version 1.0
Website: http://sonhlab.com
Documentation: http://docs.sonhlab.com/navion-metro-navigation-menu-accordion-switcher-css/

============================================*/

@media screen and (max-width:959px) {

	.navion-reponsive-item {
		display:block;
		position:fixed;
		z-index:9999;
		top:0;
		height:48px;
		width:100%;
		text-align:right;
		cursor:pointer;
	}
	.navion {
		display:none;
		cursor:pointer;
		height:auto;
		z-index:9998;
		top:48px;
	}
	.responsive-navion:checked + .navion {
		display:block;
	}
	.navion > li {
		height:auto;
		width:100%;
		float:none !important;
		z-index:9998;
		position:relative;
	}
	.navion > li > .nav-mainitem {
		height:48px;
		width:100%;
		padding:0 0px;
	}
	.nav-mainitem > span {
		height:48px;
		line-height:48px;
		font-size:18px;
	}
	.nav-mainitem > span ~ span {
		margin-left:0px !important;
	}
	.nav-mainitem > .nav-icon {
		height:18px !important;
		width:18px !important;
		line-height:18px !important;
		top:15px !important;
		left:15px !important;
		position:relative !important;
		float:left;
	}
	.nav-mainitem > .nav-icon > i {
		font-size:18px !important;
		line-height:1 !important;
		height:18px !important;
		width:18px !important;
		display:block !important;
	}
	.nav-mainitem > .nav-icon > img {
		height:18px !important;
		width:18px !important;
		top:0 !important;
	}
	.nav-mainitem > .nav-title {
		height:28px !important;
		font-size:18px !important;
		line-height:28px !important;
		left:48px;
		text-align:left !important;
		overflow: hidden;
		position: absolute;
		bottom: 10px;
	}
	.nav-submenu {
		position:relative !important;
		z-index:9998;
		top:0px !important;
	}
	
	/* Start DropDown */
	.nav-dropdown > .nav-submenu ul li > a > span ~ span,
	.nav-dropdown > .nav-submenu ul li > .nav-lvl-item > span ~ span {
		margin-left:15px !important;
	}
	/* End DropDown */
	
	
	/* Start Metro Style */
	.nav-submenu-content > div ~ div {
		margin:20px 0 0 0;
	}
	.nav-submenu > .nav-subtab {
		display:block;
		margin:0;
		position:relative !important;
		width:96%;
		padding:15px 2%;
		left:0;
	}
	.nav-submenu > .nav-subtab > span {
		font-size:18px;
		height:18px;
		line-height:1;
		display:block;
	}
	.nav-submenu > .nav-subtab > span > i,
	.nav-submenu > .nav-subtab > span > img {
		height:18px;
		width:18px;
	}
	.nav-subtab-active {
		display:none;
	}
	/* End Metro Style */
	
	
		
	/* Start Columns */
	.nav-col-1,.nav-col-2,.nav-col-3,.nav-col-4 { width:100%; }
	/* End Columns */
	
	
	
	/* Start Login Form */
	.nav-loginform > input[type=text],
	.nav-loginform > input[type=password]	{
		width:96%;
		padding:10px 2% 10px 2%;
	}
	.nav-loginform > input[type=text]:focus,
	.nav-loginform > input[type=password]:focus {
		background: rgba(245,245,245,0.2); 
	}
	.nav-loginform > input[type=submit] {
		width:100%;
	}
	/* End Login Form */
	
	
	
	/* Start Shopping Cart */
	.nav-cart-header {
		display:none;
	}

	.nav-cart-detail {
		height:100px;
		width:100%;
		padding:0;
		margin-bottom:10px;
		background:#2C84EE;
		color:#fff;
	}

	.nav-cart-detail > span {
		display:block;
		position:absolute;
		overflow:hidden;
		height:auto;
		line-height:15px;
		font-size:12px;
		padding:0 !important;
	}

	.nav-cart-item-no {
		width:auto;
		height:15px !important;
		left:5px;
		top:5px;
	}
	.nav-cart-item-name {
		width:90%;
		height:30px !important;
		line-height:30px !important;
		font-size:20px !important;
		top:20px;
		left:5px;
	}
	.nav-cart-item-qty {
		width:auto;
		bottom:5px;
		left:5px;
		height:15px !important;
	}
	.nav-cart-item-qty:before {
		content:"Qty: ";
	}
	.nav-cart-item-note {
		width:auto;
		height:30px !important;
		line-height:15px !important;
		top:50px;
		left:5px;
	}
	.nav-cart-item-price {
		width:auto;
		bottom:5px;
		right:5px;
		height:15px !important;
	}
	.nav-cart-item-rm {
		right:5px;
		top:5px;
		height:15px !important;
	}
	/* End Shopping Cart */
	
	
	/* Start Gallery */
	.nav-gallery-thumb {
		display:none;
	}
	.nav-gallery-display {
		display:block;
		margin-bottom:20px;
	}
	/* End Gallery */

}